<h3>1 描述</h3>
<p>基本展示，可配置为文本类型和下拉框类型</p>
<h3>导入</h3>
<p>import {{ '{' }} TiSubtitleModule {{ '}' }} from '@opentiny/ng';</p>
<h3>2 示例</h3>
<br />
<h4>2.1 基础使用（文本类型的宽度可配置maxWidth接口，设置组件最大宽度自适应显示）</h4>
<p>items 只有1项</p>
<p>2.1.1未配置maxWidth,默认为250px</p>
<ti-subtitle href="" target="_blank" [items]="items1"> </ti-subtitle>
<br />
<p>2.1.2配置maxWidth为300px</p>
<ti-subtitle href="" [maxWidth]="'300px'" target="_blank" [items]="items1"> </ti-subtitle>
<br />
<br />
<h4>2.2 可以选择</h4>
<p>items 有多项</p>
<ti-subtitle href="" target="_blank" [items]="items"> </ti-subtitle>
<br />
<br />
<h4>2.3 searchable 接口</h4>
<ti-subtitle href="" target="_blank" searchable="true" [items]="items"> </ti-subtitle>
<br />
<br />
<h4>2.4 panelWidth 接口（设置下拉面板宽度）</h4>
<ti-subtitle href="" target="_blank" [items]="items" [panelWidth]="'250px'"> </ti-subtitle>
<br />
<br />
<h4>2.5 tipPosition 接口（设置标题溢出提示的方向）</h4>
<br />
<p>2.5.1 items仅一项</p>
<ti-subtitle href="" target="_blank" [items]="items1" [tipPosition]="'bottom'"> </ti-subtitle>
<br />
<p>2.5.2 items有多项</p>
<ti-subtitle href="" target="_blank" [items]="items" [tipPosition]="'bottom'"> </ti-subtitle>
<br />
<h4>2.6 配置maxWidth为300px</h4>
<ti-subtitle href="" [maxWidth]="'300px'" target="_blank" [items]="items"> </ti-subtitle>

<button (click)="clickFn()">点击更改items</button>
